<template>
  <div>
    <img id="img" src="../assets/1.png" width="700" alt="">
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import useBase64 from '../hooks/userBase64'

useBase64({
  el: '#img'
}).then(res => {
  console.log(res.baseUrl)
})
 
// const data = await useBase64({ el: '#img' })   // 因为hook中使用了onMounted周期函数，此处不能使用await阻塞setup的执行
// console.log(data)

</script>

<style lang='scss' scoped>

</style>